<template>
	<view class="container">
		<view class="navbar">
			<u-navbar @leftClick="onHome" leftIconSize="28" leftIcon="home" :titleStyle="titleStyle "
				leftIconColor="#fff" bgColor="rgba(255,255,255,0)" title="创作者入驻" @rightClick="rightClick"
				:autoBack="true">
			</u-navbar>
		</view>
		<view class="content">
			<u--image mode="scaleToFill"
				src="https://img.alicdn.com/imgextra/i2/2064565174/O1CN01jKk71r1o5k3CoA8xp_!!2064565174.png"
				width="100%" height="140vh"></u--image>
		</view>
		<view class="submit">
			<u-button shape="circle" icon="kefu-ermai" iconColor="#fff" showMessageCard
				sendMessageImg="https://img.alicdn.com/imgextra/i1/2064565174/O1CN01WOlcpj1o5k2zicxPq_!!2064565174.jpg"
				sendMessageTitle="我申请入驻创作者" open-type="contact" text="联系客服入驻创作者"
				color="linear-gradient(to right,  #F22E38,#F22E38)"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				titleStyle: {
					color: '#fff'
				}
			};
		},
		methods: {
			onHome() {
				uni.reLaunch({
					url: '/pages/main/index/index'
				})
			}
		}
	}
</script>

<style lang="scss">
	.content {
		width: 100%;
		background-color: #fff;
		padding-bottom: 160rpx;
	}

	.submit {
		width: 84%;
		margin: 0 auto;
		position: fixed;
		bottom: 120rpx;
		left: 8%;

		.u-button {
			height: 96rpx !important;
		}
	}
</style>
